<template>
	<view>
		<view class="message">
			<text class="paySuccessMessage">支付成功通知</text>
			<text class="messageTime">2022.1.1 11:09</text>
			<text class="payMessage">您已成功支付32元</text>
		</view>
		<view class="message">
			<text class="paySuccessMessage">支付成功通知</text>
			<text class="messageTime">2022.1.1 11:09</text>
			<text class="payMessage">您已成功支付32元</text>
		</view>
		<view class="message">
			<text class="paySuccessMessage">支付成功通知</text>
			<text class="messageTime">2022.1.1 11:09</text>
			<text class="payMessage">您已成功支付32元</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page {
	background-color: #FFFFFF;
}
.message {
	position: relative;
	width: 356px;
	height: 69px;
	margin-left: 9px;
	box-shadow: 0px 2px 6px 0px rgba(239,239,239,1);
}
.paySuccessMessage {
	position: absolute;
	left: 18px;
	top: 9px;
	font-size: 14px;
	color: rgba(16,16,16,1);
}
.messageTime {
	position: absolute;
	left: 257px;
	top: 12px;
	color: #9A9A9A;
}
.payMessage {
	position: absolute;
	left: 17px;
	top: 40px;
	color: rgb(154,154,154);
}
</style>
